<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式表 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-cont container clearfix" style="height: 65px;">
            <h1 class="logo-box fl">
                <a href="./home.html"><img src="../imgs/new-logo-white2.png" alt=""></a>
            </h1>
            <div class="tips fr">
                <span>已有账号,<a href="./login.html">立即登录</a></span>
            </div>
        </div>

    </div>

    <!-- 主体 -->
    <div class="main bgf3">
        <div class="main-form-box container">
            <div class="main-form">
                <div class="content container">
                    <form action="#" class="reg-form">
                        <h1>欢迎注册</h1>
                        <h2>百款接口免费试用</h2>
                        <p class="reg-desc-p">注册即送300元大礼包</p>
                        <div class="reg-item">
                            <input type="text" class="reg-input" placeholder="用户名（6~20位字母数字）">
                            <p class="error clearfix">
                                <span class="error-icon fl"></span>
                                <span class="msg fl">昵称需在6-12位字母数字间</span>
                            </p>
                            <img class="clear-img" src="../imgs/clearInput.png" alt="">
                        </div>
                        <div class="reg-item">
                            <input type="text" class="reg-input" placeholder="请输入手机号码">
                            <p class="error">
                                <span class="error-icon fl"></span>
                                <span class="msg fl">请输入正确的手机号</span>
                            </p>
                            <img class="clear-img" src="../imgs/clearInput.png" alt="">
                        </div>
                        <div class="reg-item clearfix">
                            <input type="text" class="reg-input msg-input fl" placeholder="请输入手机短信验证码">
                            <button type="button" class="reg-msgbtn fl">获取验证码</button>
                            <p class="error" id="captcha">
                                <span class="error-icon fl"></span>
                                <span class="msg fl">请输入4位手机验证码</span>
                            </p>
                            <img class="clear-img code-img" src="../imgs/clearInput.png" alt="">
                        </div>
                        <div class="reg-item">
                            <input type="password" class="reg-input" placeholder="请输入6至12位的密码">
                            <p class="error clearfix">
                                <span class="error-icon fl"></span>
                                <span class="msg fl">请输入6至12位的密码</span>
                            </p>
                            <img class="clear-img" src="../imgs/clearInput.png" alt="">
                        </div>
                        <p class="agree">
                            <label>
                                <input type="checkbox" id="changBtn" class="checked" />
                                <span class="info">我已阅读并接受
                                    <a href="#" target="_blank">《源码用户服务协议》</a>
                                    <a href="" target="_blank">《源码隐私政策》</a>
                                </span>
                            </label>
                        </p>
                        <input class="reg-btn user-reg-action-log" disabled id="regBtn" type="button" value="立即注册"
                            disabled="">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 当前js -->
    <script src="../js/register.js"></script>
</body>

</html>